<template>
  <div class="dashboard-container">
    <div class="dashboard-text">
      <One />
      <Two />
      <Three />
      <Four />
      <Five />
      <BackToTop />
    </div>
  </div>
</template>

<script>
import BackToTop from "@/components/BackToTop";
import Five from "./FiveArea";
import Four from "./FourArea";
import One from "./OneArea";
import Two from "./TwoArea";
import Three from "./ThreeArea";
import { mapGetters } from "vuex";
import { deepClone } from "@/utils";

export default {
  name: "Dashboard",
  computed: {
    ...mapGetters(["name"]),
  },
  components: {
    One,
    Two,
    Three,
    Four,
    Five,
    BackToTop,
  },
  mounted(){
    console.log(process.env.VUE_APP_BASE_API);

   
  },
 
  
};
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    // line-height: 46px;
  }
}
.dashboard-container {
  // background-color: pink;
  height: 100%;
  width: 100%;
  margin: 20px;
}

</style>
